//路由鉴权 项目当中的路由能不能被的权限的设置(某一个路由什么条件下可以访问什么条件下可以)
import router from "./router";
import nprogress from "nprogress";
import "nprogress/nprogress.css";
nprogress.configure({ showSpinner: false });

//获取用户相关的小仓库内部的token数据,去判断用户是否登录成功
import useUserStore from "./store/modules/user";
import pinia from "./store";
import setting from "./setting";
let userStore = useUserStore(pinia);
//全局守卫:项目当中任意路由切换都会触发的钩子
//全局前置守卫
router.beforeEach(async (to: any, from: any, next: any) => {
    console.log(to, from);

    document.title = `${setting.title} - ${to.meta.title}`;
    //to:你将要访问那个路由
    //from:你从那个路由来
    //next:路由放行函数
    nprogress.start();
    //获取token,去判断用户登录,还是未登录
    let token = userStore.token;
    //获取用户名字
    let username = userStore.username;
    if (token) {
        //登录成功,访问login,不能访问,指向首页
        if (to.path == "/login") {
            next({ path: "/" });
        } else {
            //登录成功访问其余六个路由(登录排除)
            //有用户信息
            if (username) {
                //有用户信息放行
                next();
            } else {
                //如果没有用户信息,在守卫这里发请求获取到了用户信息再放行
                try {
                    await userStore.userInfo();
                    next({ ...to });
                } catch (error) {
                    //token过期:获取不到用户的信息
                    //用户手动修改本地存储的token
                    //退出登录->用户相关的数据清空
                    await userStore.userLogout();
                    next({ path: "/login", query: { redirect: to.path } });
                }
            }
        }
    } else {
        // 用户未登录判断
        if (to.path == "/login") {
            next();
        } else {
            //登录成功访问其余六个路由
            next({ path: "/login", query: { redirect: to.path } });
        }
    }
    // next()
});
//全局后置守卫
router.afterEach((to: any, from: any) => {
    nprogress.done();
});

//第一个问题:任意路由切换实现进度条业务--npm install nprogress
//第二个问题:路由鉴权(路由组件访问权限的设置)
//全部路由组件:登录[404]任意路由[首页] [数据大屏] [权限管理] (三个子路由) [商品管理] (四个子路由)

//用户未登录:可以访问login ,其余的六个路由不可以访问(指向login)
//用户登录成功:不可以访问login 默认在此指向首页 ,其余的路由可以访问
